<style lang="scss" scoped>
    .ask{
        width:256px;
        text-align: center;
        border-radius: 6px;
        background: #fff;
        border: 2px solid var(--blue);
        color: var(--blue);
        line-height: 36px;
        display: block;
        margin:40px  auto;
        &:hover{
            text-decoration: none;
            box-shadow: 0 0 8px 1px rgba(76,141,235,.5);
        }
    }
    .swipter{
        position: relative;
        h4{
            font-size: 24px;
            text-align: center;
            font-weight: 500;
            color: #666;
            span{
                color: #3AAB83
            }
        }
        &::after{
            content: "";
            position:absolute;
            right: 0;
            top: 70px;
            width:30px;
            height: 40px;
            background: url(../assets/q2.png) no-repeat;
            background-size: contain;
           
        }
        &::before{
            content: "";
            position:absolute;
            left: 0;
            top: 70px;
            width:30px;
            height: 40px;
            background: url(../assets/q1.png) no-repeat;
            background-size: contain;
           
        }
        .answer{
            position: relative;
            padding:40px 60px ;
            text-align: center;
            &::before{
                content:"答：";
                font-size: 24px;
                color: #4F8FE8;
                font-weight: 500;
            }
            img{
                vertical-align:top;
            }
            ul{
                color: #999;
                display: inline-block;
                text-align: left; 
                margin: auto;
                vertical-align:top;
                font-size: 16px;
                li{
                    margin: 10px auto;
                }
            }
        }
        
    }

</style>
<style>
.Q_A .agile__dots{
    display: flex;
    width:400px;
    justify-content: space-around;
    margin:auto;
}
.Q_A .agile__dot button{
    height: 6px;
    background: #ECECEC;
    width:40px;
    border-radius: 3px;
}
.Q_A .agile__dot--current button{
    border-radius: 10px;
    background: #ddd;
    width:50px;
    height: 10px;
}
.Q_A .agile__actions{
    top: 100%;
}
.Q_A .agile__slides{
    align-items:baseline;
}
</style>

<template>
    <div class="container Q_A">
        <a id="Q_A"></a>
        <a class="ask" @click="TJ_event('提问')" target="_blank" href="http://wpa.qq.com/msgrd?v=1&uin=2096345456&site=qq&menu=yes">我有疑问</a>
        <div class="swipter"> 
            <agile :dots="true" :navButtons="false" :autoplay-speed="2000"  :autoplay="true">
                <div class="slide">
                    <h4><span>问：</span>1.三类专利的官费与减免费用</h4>
                    <div class="answer">
                        <div class="btn-group" role="group" >
                            <button type="button" class="btn btn-default" v-for="(v,i) in ['外观设计','实用新型','发明']" :key="i" @click="btn_index=i">{{v}}</button>
                        </div>
                        <img :src="require('@/assets/table'+btn_index+'.png')"  style="width:500px;display:block;margin:30px auto" >
                    </div>
                </div>
                <div class="slide">
                    <h4><span>问：</span>2.如何在电子申请CPC客户端申请专利</h4>
                    <div class="answer">
                        <ul>
                            <li>1.首先办理用户注册手续，获得用户代码和密码；</li>
                            <li>电子申请用户注册方式包括：当面注册、邮寄注册和网上注册。</li>
                            <li>2.登录电子申请网站，下载并安装数字证书和客户端软件；</li>
                            <li>3.进行客户端和升级程序的网络配置；</li>
                            <li>4.制作和编辑电子申请文件；</li>
                            <li>5.使用数字证书签名电子申请文件；</li>
                            <li>6.使用电子申请客户端通过互联网提交。</li>
                            <li>7.接收电子回执；</li>
                            <li>8.提交申请后，可随时登录电子申请网站查询电子申请相关信息；</li>
                            <li>9.通过电子申请系统接收通知书，针对所提交的电子申请提交中间文件。</li>
                        </ul>
                    </div>
                </div>
                <div class="slide">
                    <h4><span>问：</span>3.申请发明专利所需要的材料有哪些？</h4>
                    <div class="answer">
                        <ul>
                            <li>申请发明专利，一般您需要提供：</li>
                            <li>①准确的申请信息，</li>
                            <li>②技术交底书，</li>
                            <li>③委托书，</li>
                            <li>④申请人为企业需要办理费用减缓的需要提供费减证明。</li>
                        </ul>
                    </div>
                </div>
                <div class="slide">
                    <h4><span>问：</span>4.哪些领域的企业可以申请高新认证？</h4>
                    <div class="answer">
                        <ul>
                            <li>（1）信息技术领域，如电子商务企业；</li>
                            <li>（2）生物与新医药领域；</li>
                            <li>（3）航空航天技术；</li>
                            <li>（4）新材料技术；</li>
                            <li>（5）高技术服务业；</li>
                            <li>（6）新能源与节能技术；</li>
                            <li>（7）资源与环境技术；</li>
                            <li>（8）高新技术改造的传统行业</li>
                        </ul>
                    </div>
                </div>
                <div class="slide">
                    <h4><span>问：</span>5.如何办理专利费用减免？</h4>
                    <div class="answer">
                        <ul>
                            <li>申请专利减免的条件：</li>
                            <li>由于专利申请人的不同，费用减缓的比例存在差异。</li>
                            <li>第一，申请人或者专利权人为个人的，可以请求减缓缴纳85%的申请费</li>
                            <li>发明专利申请审查费和年费及80%的发明专利申请维持费和复审费。</li>
                            <li>第二，申请人或者专利权人为单位的，可以请求减缓缴纳70%的申请费</li>
                            <li>发明专利申请审查费和年费及60%的发明专利申请维持费和复审费。</li>
                            <li>第三，两个或者两个以上的个人或者个人与单位共同申请专利的</li>
                            <li>可以请求减缓缴纳70%的申请费、发明专利申请审查费和年费及60%的发明专利申请维持费和复审费。</li>
                            <li>第四，两个或者两个以上的单位共同申请专利的，不予减缓专利费用。</li>
                        </ul>
                    </div>
                </div>
                <div class="slide">
                    <h4><span>问：</span>6.个人费减备案所需材料？</h4>
                    <div class="answer">
                        <ul>
                            <li>（一）身份证复印件（如无身份证的请提供护照等其它有效证件）；</li>
                            <li>（二）所在单位出具的收入证明原件（无固定工作的，提交户籍所在地或者经常</li>
                            <li> 居住地县级民政部门或乡镇人民政府（街道办事处）出具的关于其经济困难情况</li>
                            <li> 的证明）注：个人年收入不能超过4.2万元</li>
                            <li>（三）将上述资料邮寄到国家知识产权局专利局。</li>
                        </ul>
                    </div>
                </div>
                <div class="slide">
                    <h4><span>问：</span>6.企业费减备案所需材料？</h4>
                    <div class="answer">
                        <ul>
                            <li>（一）《营业执照》或组织机构代码证复印件，加盖公章；</li>
                            <li>注：没有三证合一就组织机构代码证；</li>
                            <li>（二）企业所得税年度纳税申报表封面，加盖公章；</li>
                            <li> 注：需包含有税款所属时间如2016年01月01日至2016年12月31日，若无时间则需要税务局盖章；（财务提供）</li>
                            <li>企业所得税年度纳税申报表，加盖公章。（财务提供）</li>
                            <li> 注：应纳税所得额不得超过30万；新注册的公司不需要申报表，只需要自己写</li>
                            <li> 年度纳税证明盖公章即可。</li>
                            <li>（四）将上述资料邮寄到国家知识产权局专利局。</li>
                        </ul>
                    </div>
                </div>
                <div class="slide">
                    <h4><span>问：</span>6.国家知识产权局专利局在哪里？</h4>
                    <div class="answer">
                        <ul>
                            <li>1、国家知识产权局专利局上海代办处</li>
                            <li>地址：上海市浦东新区世博村路340号</li>
                            <li>电话：021-54046722</li>
                            <li> 2、国家知识产权局专利局苏州分理处</li>
                            <li>地址：江苏省苏州市干将东路178号苏州自主创新广场2号楼302室</li>
                            <li> 电话：0512-67060119</li>
                            <li> 3、国家知识产权局专利局南京代办处</li>
                            <li>地址：江苏省南京市鼓楼区中山北路49号江苏机械大厦10层</li>
                            <li>电话：025-83241914</li>
                        </ul>
                    </div>
                </div>

                
            </agile>
            
        </div>
        
    </div>
</template>
<script>
import { VueAgile } from 'vue-agile'
export default {
    data(){
        return {
            btn_index:0
        }
    },
    components: {
		agile: VueAgile
	}
}
</script>
